@import "../global-connect";

.ux-sider {
  .web-sider-fit;

  min-height: 100vh;
  box-shadow: 2px 0 6px rgba(27, 29, 28, .35);
  .ix-pos.relative(10);

  .collapse {
    a {
      margin-left: 40px !important;
    }
  }

  .icon {
    img {
      height: 32px;
      width: 32px;
      margin-right: 25px;
    }

    a {
      color: white !important;
    }
  }

  .ant-menu {
    padding-top: 4px !important;

    .ant-menu-item, .ant-menu-submenu-title {
      line-height: 40px;
      padding-left: 0;

      &:hover {
        background-color: @primary-color;
      }

      span {
        display: inline-block;

        svg {
          .ix-box.rect(17px, 17px);
          .ux-invert;
        }
      }
    }
  }

  .ux-menu {
    overflow-y: auto;
  }

  .menu-icon {
    a {
      color: white !important;
    }
  }

  .logo {
    position: relative;
    padding-left: (@menu-collapsed-width - 72px) / 2;
    margin-right: 0; // 右边空白距离，新版需要填充满
    margin-bottom: 0;
    transition: all .3s;
    background: @color-sider-bg;
    overflow: hidden;
    text-align: center;

    h1 {
      color: @font-invert;
      display: inline-block;
      vertical-align: middle;
      font-size: 17px;
      margin: 0 0 0 12px;
      font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
      font-weight: 600;
    }
  }
}

.ux-sider-expand {
  .logo {
    img {
      width: 130px;
      height: 32px;
      margin-left: 0;
    }
  }
}